<div class="layui-card" style="background: none;height: calc(100% - 16px);">
	<form id="modelBaseBizSceneForm" lay-filter="modelBaseBizSceneForm" class="layui-form model-form" style="padding: 0px;">
		<input id="scene-id-input" name="id" type="hidden" value="#(scene?scene.id:'')" />
		
		<input id="scene-heading-input" name="heading" type="hidden" value="#(scene?scene.heading:0)" />
		<input id="scene-pitch-input" name="pitch" type="hidden" value="#(scene?scene.pitch:0)" />
		<input id="scene-roll-input" name="roll" type="hidden" value="#(scene?scene.roll:0)" />
		
		<input id="scene-x-input" name="x" type="hidden" value="#(scene?scene.x:0)" />
		<input id="scene-y-input" name="y" type="hidden" value="#(scene?scene.y:0)" />
		<input id="scene-z-input" name="z" type="hidden" value="#(scene?scene.z:0)" />
		
		<input id="modelBizScene-cover-input" name="coverImg" type="hidden" value="#(scene?scene.coverImg:0)" />
		<input id="modelBizScene-visualAngleImg-input" name="visualAngleImg" type="hidden" value="#(scene?scene.visualAngleImg:0)" />
		
		<div class="layui-card-header scene-card-header" >
			  <button type="button" class="scene-btn" title="保存场景" lay-filter="submitBaseBizSceneForm" lay-submit><i class="fa fa-save"></i></button>
		</div>
		<div class="layui-card-body" style="height:calc(100% - 25px);border-bottom: 0px;padding: 1px;">
			<table class="formTable">
				<tr>
					<td colspan="2" style="border: 0px;">场景名称</td>
				</tr>
				<tr>
					<td colspan="2" style="border: 0px;"><input value="#(scene?scene.name:'')"
						name="name" placeholder="请输入场景名称" autocomplete="off" type="text"
						class="layui-input" maxlength="50" lay-verType="tips"
						lay-verify="required" required /></td>
				</tr>
				<tr>
					<td colspan="2" style="border: 0px;">场景描述</td>
				</tr>
				<tr>
					<td colspan="2" style="border: 0px;"><textarea name="remark"
							value="#(scene?scene.remark:'')" autocomplete="off"
							placeholder="请输入场景描述" class="layui-textarea">#(scene?scene.remark:'')</textarea></td>
				</tr>
				<tr>
					<td colspan="2" style="border: 0px;">场景封面</td>
				</tr>
				<tr>
					<td rowspan="2" style="
					width: 166.8px;
    				height: 106px;
    				padding: 0px;
    				padding-left: 6px;border: 0px;
					">
						#if(scene && scene.coverImg) 
							<img id="modelBizScene-cover" src="#(scene?scene.coverImg:'')" width="180" height="116"> 
						#else 
							<img id="modelBizScene-cover" src="#(ctx)/assets/img/thum-default.jpg" width="180" height="116" >
						#end
					</td>
					<td style="
					display: inline-block;
				    font-size: 12px;
				    box-sizing: border-box;
				    line-height: 15px;border: 0px;
				    padding-left: 20px;
					">
						将当前视角截图设置为场景封面。
					</td>
				</tr>
				<tr>
					<td style="height: 20px;padding: 0px;padding-left: 20px;margin: 0px;border: 0px;">
						<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="modelBizScene-cover-btn">设置封面</button>
					</td>
				</tr>				
				<tr>
					<td colspan="2" style="border: 0px;">场景视角</td>
				</tr>
				<tr>
					<td rowspan="2" style="
					width: 166.8px;
    				height: 106px;
    				padding: 0px;
    				padding-left: 6px;border: 0px;
					">
						#if(scene && scene.visualAngleImg) 
							<img id="modelBizScene-visualAngle" src="#(scene?scene.visualAngleImg:'')" width="180" height="116"> 
						#else 
							<img id="modelBizScene-visualAngle" src="#(ctx)/assets/img/thum-default.jpg" width="180" height="116">
						#end
					</td>
					<td style="
					display: inline-block;
				    text-align: justify;
				    font-size: 12px;
				    box-sizing: border-box;
				    line-height: 15px;border: 0px;
				    padding-left: 20px;
					">
						将当前区域设置为初始视角，下次进入场景后将自动飞行至该视角.
					</td>
				</tr>
				<tr>
					<td style="height: 20px;padding: 0px;padding-left: 20px;margin: 0px;border: 0px;">
						<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="modelBizScene-visualAngle-btn">设置视角</button>					
					</td>
				</tr>				
			</table>
		</div>
	</form>
</div>